import React, { Component } from "react";
import './Header.css'

import Ticket from "../Ticket/Ticket";
// const 分享 = require("../../public/cutpic/分享.png");
// const collect= require( '../../public/cutpic/collected.png')
export default class Header extends Component {
    render() {
        const styles = {
            layout: {
                headleft: {}
            }
        };

        return (
            // <div className='styleHeader' style={{margin:20}}>
                <div className='styleHeader' >
                    <div className='styleCloumn'
                        // style={{
                        //     flex: 1,
                        //     flexDirection: "column"
                        // }}
                    >
                        <div className='styleContent'
                            // style={{
                            //     height: 66,
                            //     flexDirection: "row",
                            //     justifyContent: "space-between",
                            //     alignItems: "center"
                            // }}
                        >
                            <div className='fonts'
                                 // style={{ fontSize: 46, flex: 6 }}
                            >
                                汉堡王汉堡王汉汉...
                            </div>
                            <div className='sharePic'
                                 // style={{ flex: 1 }}
                            >
                                <img
                                    src='../../cutpic/分享.png'
                                    alt='图片'
                                />
                            </div>
                        </div>
                        <div className='wrapContent'
                             // style={{ flex: 1, alignItems: "center", height: 40 }}
                        >
                            <div className='collect'
                                // style={{
                                //     flex: 1,
                                //     height: 34,
                                //     borderRadius: 17,
                                //     background: "#edb159",
                                //     textAlign: "center",
                                //     marginRight: 16,
                                //     fontSize: 20,
                                //     color:'#fff',
                                // }}
                            >
                                <img src='../../cutpic/collected.png'
                                     // style={{
                                     //    width:27,
                                     //    marginLeft:10,
                                    // }}
                                     alt=""/>
                                <span
                                  // style={{
                                  //   marginLeft:10,
                                // }}

                                >已收藏</span>
                            </div>
                            <div
                              className='welecome'
                                // style={{
                                //     flex: 4,
                                //     fontSize: 22,
                                //     color: "#999999",
                                //     marginLeft:"10px",
                                // }}
                            >
                                欢迎光临本店, 我们会不定期做优惠活动!
                            </div>
                        </div>
                    </div>
                    <div
                      className='headerAvatar'
                        // style={{
                        //     width: 120,
                        //     height: 120,
                        //     borderRadius: 10,
                        //     background: "red"
                        // }}
                    >
                        {/*<span>头像</span>*/}
                    </div>


                </div>
          //        {/*<div style={{flex:1}}>*/}
      //        {/*    <Ticket money={5} />*/}
      //        {/*    <Ticket money={10} />*/}
      // {/*    <Ticket money={200} />*/}
                // {/*</div>*/}
             // </div>
        );
    }
}
